
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--在线图标引用-->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1981718_jnav53l6v7.css">
    <!--css引用-->
    <link rel="stylesheet" href="/Strategy/Strategy.css">
    <link rel="stylesheet" href="/static/css/reset.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1972937_ook7ugcj3y.css">
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <style>
        #search {
            height: 150px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #search .layui-form .layui-form-item .layui-inline{
            display: flex;
        }
        #search .layui-form-item .layui-input-inline:nth-child(1) {
            margin-right: 0;
            width: 400px;

        }

        #search .layui-input, #search .layui-select, .layui-textarea {
            border: 2px solid #009688;
            border-radius: 0px;

        }

        #search .layui-btn {
            border-radius: 0px;
        }
    </style>
</head>
<body>

<header id="xc-header">
    <div class="xc-header-mid">
        <div class="xc-header-right">
            <a class="xc-header-a" href="/index/Index.jsp">
                <img class="xc-header-img" src="../static/imgs/1.png" alt="" width="203px" height="34px">
            </a>
        </div>
<%--        <div class="xc-header-input">--%>
<%--            <input class="xc-input" type="text" placeholder="搜索旅游地/酒店/旅游">--%>
<%--            <button class="xc-header-btn"><i class="iconfont icon-sousuo1" ></i></button>--%>
<%--        </div>--%>
    </div>
</header>

<div id="xc-banner">
    <div class="xc-banner-mid">
        <ul class="xc-ul-item">
            <li class="xc-item"><a class="xc-a" href="/index/Index.jsp">首页</a></li>
            <li class="xc-item" ><a class="xc-a"href="/travel/travel.jsp" >旅游</a></li>
            <li class="xc-item"><a class="xc-a" href="/Strategy/Strategy.jsp">攻略</a></li>
            <li class="xc-item"><a class="xc-a" href="/hotel/hotelIndex.jsp">酒店</a></li>
            <li class="xc-item"><a class="xc-a" href="/tickets/BuyingTickets.jsp">购票</a></li>
            <li class="xc-item"><a class="xc-a" href="/order/order.jsp">订单</a></li>
        </ul>

        <div class="xc-banner-right">
            <div class="xc-item"><a class="xc-a" href="/user/indexAddUser.jsp">注册</a></div>
            <div class="xc-item"><a class="xc-a" href="/user/userLogin.jsp">登录</a></div>
            <div class="xc-banner-right-a">
                <a  href="javascript:;"><img src="/static/imgs/a-2.jpg" class="xc-layui-nav-img"width="40px"height="40px" style="display:
                    <%
                        String str=null;
                    if (session.getAttribute("user")==null)
                        {
                           str="none";
                        }
                    else
                        {
                            str="block";
                        }

%>

                    <%=str%>
                    <%


                    %>
                        "></a>
            </div>
        </div>
    </div>
</div>




<div id="xc-content">
    <!-- <h1 class="xc-hidden">content</h1>-->
    <!--攻略导航-->
    <div class="xc-gongluedaohang">
        <div class="icon-daohang">
            <i class="iconfont icon-yemian1-copy"></i>
        </div>
        <ul class="xc-ul">
            <li class="xc-ul-item">
                <a class="xc-ziti" href="">目的地攻略</a>
            </li>
            <li class="xc-ul-item">
                <a class="xc-ziti" href="">游记</a>
            </li>
            <li class="xc-ul-item">
                <a class="xc-ziti" href="">问答</a>
            </li>
            <li class="xc-ul-item">
                <a class="xc-ziti" href="">当地向导</a>
            </li>
            <li class="xc-ul-item">
                <a class="xc-ziti" href="">口碑榜</a>
            </li>
            <li class="xc-ul-item">
                <a class="xc-ziti" href="">氢气球</a>
            </li>
            <li class="xc-ul-item">
                <a class="xc-ziti" href="">当地玩乐</a>
            </li>
            <li class="xc-ul-item">
                <a class="xc-ziti" href="">我的主页</a>
            </li>
        </ul>
    </div>
</div>

<!--搜索框-->


<%--<div id="search">--%>
<%--    <form action="/api/Strategy/selectStrategyList" method="get" class="layui-form">--%>
<%--        <div class="layui-form-item">--%>
<%--            <div class="layui-inline">--%>
<%--                <div class="layui-input-inline">--%>
<%--                    <input type="text" name="title" autocomplete="off" class="layui-input" placeholder="搜索城市/景点/游记/问答/住宿/用户">--%>
<%--                </div>--%>
<%--                <div class="layui-input-inline">--%>
<%--                    <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">搜索</button>--%>
<%--                </div>--%>
<%--            </div>--%>
<%--        </div>--%>
<%--    </form>--%>
<%--</div>--%>
<div class="xc-search" >
    <div class="addr">
        <div class="icon-sousuo2">
            <i class="iconfont icon-icon-test"><span>我在南京</span></i>
        </div>
        <div class="text">
            <p>切换城市</p>
        </div>
    </div>
    <form action="/api/Strategy/selectStrategyList" method="get" class="layui-form">
    <div class="xc-sousuokuang" >
        <input class="xc-input" type="text" name="title" autocomplete="off" placeholder="搜索城市/景点/游记/问答/住宿/用户">
        <button class="xc-seader-btn" type="submit" class="layui-btn" lay-submit="" lay-filter="demo1"><p>搜索</p></button>
    </div>
    </form>
</div>


<!--导航栏-->
<div class="xc-gonglueyulan">
    <div class="xc-my_left_category" style="margin-top: 0 ;position: relative">
        <div style="margin-top: 0;margin-bottom: 0" > <h1 style="color: black"></h1></div>
        <div class="xc-my_left_cat_list">
            <h2><a href="#">南京周边游</a></h2>
            <ul>
                <li>
                    <div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
                        <h3><a href="#">江北新区</a></h3>
                        <div class="h3_cat">
                            <div class="shadow">
                                <div class="shadow_border">
                                    <ul>
                                        <li><a href="#">江北新区</a></li>
                                        <li><a href="#">夫子庙</a></li>
                                        <li><a href="#">秦淮河</a></li>
                                        <li><a href="#">老门东</a></li>
                                        <li><a href="#">明孝陵</a></li>
                                        <li><a href="#">中山陵</a></li>
                                        <li><a href="#">江南贡院</a></li>
                                        <li><a href="#">栖霞山</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
                        <h3><a href="#">汤山</a></h3>
                        <div class="h3_cat">
                            <div class="shadow">
                                <div class="shadow_border">
                                    <ul>
                                        <li><a href="#">当涂</a></li>
                                        <li><a href="#">镇江</a></li>
                                        <li><a href="#">扬州</a></li>
                                        <li><a href="#">瘦西湖</a></li>
                                        <li><a href="#">苏州园林</a></li>
                                        <li><a href="#">天长</a></li>
                                        <li><a href="#">玄武湖</a></li>
                                        <li><a href="#">鸡鸣寺</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                </li>
            </ul>
            <div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
                <h3><a href="#">句容</a></h3>
                <div class="h3_cat">
                    <div class="shadow">
                        <div class="shadow_border">
                            <ul>
                                <li><a href="#">总统府</a></li>
                                <li><a href="#">1912街区</a></li>
                                <li><a href="#">新街口</a></li>
                                <li><a href="#">芜湖</a></li>
                                <li><a href="#">南京博物院</a></li>
                                <li><a href="#">含山</a></li>
                                <li><a href="#">来安</a></li>
                                <li><a href="#">钟山</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- again -->
            <h2><a href="#">日本、韩国、朝鲜</a></h2>
            <div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
                <h3><a href="#" style="color:#719BAC;">大阪</a></h3>
                <div class="h3_cat">
                    <div class="shadow">
                        <div class="shadow_border">
                            <ul>
                                <li><a href="#">LOGO设计</a></li>
                                <li><a href="#">网站设计</a></li>
                                <li><a href="#">网站广告</a></li>
                                <li><a href="#">推广</a></li>
                                <li><a href="#">建网站</a></li>
                                <li><a href="#">网站推广</a></li>
                                <li><a href="#">网站建设</a></li>
                                <li><a href="#">SEO</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
                <h3><a href="#">韩国</a></h3>
                <div class="h3_cat">
                    <div class="shadow">
                        <div class="shadow_border">
                            <ul>
                                <li><a href="#">首尔</a></li>
                                <li><a href="#">釜山</a></li>
                                <li><a href="#">仁川</a></li>
                                <li><a href="#">济州岛</a></li>
                                <li><a href="#">西归浦</a></li>
                                <li><a href="#">南怡岛</a></li>
                                <li><a href="#">庆州</a></li>
                                <li><a href="#">大邱</a></li>
                                <li><a href="#">丽水</a></li>
                                <li><a href="#">全罗南道</a></li>
                                <li><a href="#">江原道</a></li>
                                <li><a href="#">首尔塔</a></li>
                                <li><a href="#">景福宫</a></li>
                                <li><a href="#">青瓦台</a></li>
                                <li><a href="#">明洞</a></li>
                                <li><a href="#">乱打秀</a></li>
                                <li><a href="#">南怡岛</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
                <h3><a href="#">日本</a></h3>
                <div class="h3_cat">
                    <div class="shadow">
                        <div class="shadow_border">
                            <ul>
                                <li><a href="#">北海道</a></li>
                                <li><a href="#">京都</a></li>
                                <li><a href="#">神户</a></li>
                                <li><a href="#">鹿儿岛</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="h2_cat_1" onmouseover="this.className='h2_cat_1 active_cat'" onmouseout="this.className='h2_cat_1'">
                <h3><a href="#">济州岛</a></h3>
            </div>
            <!-- again -->
            <h2><a href="#">欧洲游</a></h2>
            <div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
                <h3><a href="#">西班牙</a></h3>
                <div class="h3_cat">
                    <div class="shadow">
                        <div class="shadow_border">
                            <ul>
                                <li><a href="#">巴塞罗那</a></li>
                                <li><a href="#">斗牛场</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">
                <h3><a href="#">法国</a></h3>
                <div class="h3_cat">
                    <div class="shadow">
                        <div class="shadow_border">
                            <ul>
                                <li><a href="#">埃菲尔铁塔</a></li>
                                <li><a href="#">罗浮宫</a></li>
                                <li><a href="#">凯旋门</a></li>
                                <li><a href="#">凡尔赛宫</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- again -->
            <h2><a href="#">英国</a></h2>
            <h2><a href="#">俄罗斯</a></h2>
            <!--测试复制end-->
        </div>
    </div>

    <div class="xc-zhanshi">
        <div class="img">
            <img src="imgs/18.png" alt="" width="680px" height="611px">
        </div>
    </div>
</div>


<h3 class="h3">氢气球专栏</h3>

<div id="xc-qingqiqiu">
    <div class="xc-list">
        <div class="xc-qingqiqiu-list">
            <div class="xc-img">
                <img src="./imgs/子丘.jpg" alt="" width="120px" height="120px" >
            </div>
            <div class="text-qingqiqiu">
                <p>子丘</p>
                <p class="text1">
                    摄影师，携程旅行家，环球旅行百余国。
                </p>
            </div>
        </div>
        <div class="xc-qingqiqiu-list">
            <div class="xc-img">
                <img src="imgs/2.jpg" alt="" width="208px" height="160">
            </div>
            <div class="text-qingqiqiu">
                <p>沧海千年的梦幻国度,寻访众神的城邦<br>--以色列</p>
            </div>
        </div>
        <div class="xc-qingqiqiu-list">
            <div class="xc-img">
                <img src="imgs/3.jpg" alt="" width="208px" height="160px">
            </div>
            <div class="text-qingqiqiu">
                <p >埃塞俄比亚奇幻之旅</p>
            </div>
        </div>
        <div class="xc-qingqiqiu-list">
            <div class="xc-img">
                <img src="imgs/4.jpg" alt="" width="208px" height="160px">
            </div>
            <div class="text-qingqiqiu">
                <p>
                    南太平洋飘渺一梦--斐济
                </p>
            </div>
        </div>
    </div>
</div>
<h3 class="h4">智慧旅游旗舰店</h3>

<div id="xc-zhihuilvyou">
    <div class="xc-list">
        <div class="xc-zhihuilvyou-list">
            <div class="xc-img">
                <img src="./imgs/5.jpg" alt="" width="208px" height="160px" >
            </div>
            <div class="text-zhihuilvyou">
                <p>昆山旅游体验馆</p>
                <p class="text1">
                    大美昆曲，大好昆山
                </p>
            </div>
        </div>
        <div class="xc-zhihuilvyou-list">
            <div class="xc-img">
                <img src="imgs/6.jpg" alt="" width="208px" height="160">
            </div>
            <div class="text-zhihuilvyou">
                <p>南昌旅游旗舰店</p>
                <p>天下英雄城·南昌</p>
            </div>
        </div>
        <div class="xc-zhihuilvyou-list">
            <div class="xc-img">
                <img src="imgs/7.png" alt="" width="208px" height="160px">
            </div>
            <div class="text-zhihuilvyou">
                <p >上海松江旅游旗舰店</p>
            </div>
        </div>
        <div class="xc-zhihuilvyou-list">
            <div class="xc-img">
                <img src="imgs/8.jpg" alt="" width="208px" height="160px">
            </div>
            <div class="text-zhihuilvyou">
                <p>
                    宿迁旅游旗舰店
                </p>
            </div>
        </div>
    </div>
</div>
<h3 class="h5">推荐游记</h3>

<div class="xc-tuijianyouji">
    <div class="xc-list">
        <div class="xc-tuijian-list">
            <div class="xc-img">
                <img src="imgs/9.jpg"alt="" width="230px" height="160px">
            </div>
            <div class="text-tuijian">
                <p class="text1">
                    遇见,成都—那些与美食相关的小美好,这里你都可以找到(5天4夜小众玩法&私藏)
                </p>
                <p class="text2">
                    Iris是二小姐发表于 2019-09-13
                </p>
                <p class="text3">
                    它是一座慢悠悠的城市
                </p>
            </div>
        </div>

        <div class="xc-tuijian-list">
            <div class="xc-img">
                <img src="imgs/10.jpg"alt="" width="230px" height="160px">
            </div>
            <div class="text-tuijian">
                <p class="text1">
                    【西安】繁华未央，迷失在千年古都的夜色中
                </p>
                <p class="text2">
                    滢萱发表于 2020-02-18
                </p>
                <p class="text3">
                    引子：长相思，在长安长相思，在长安。 长相思，摧心肝。一千多年前，李白曾这样感慨：长
                </p>
            </div>
        </div>

        <div class="xc-tuijian-list">
            <div class="xc-img">
                <img src="imgs/11.jpg"alt="" width="230px" height="160px">
            </div>
            <div class="text-tuijian">
                <p class="text1">
                    今年预算有限也能玩转三亚，十大私藏免费网红景点?吃住买全攻略
                </p>
                <p class="text2">
                    滢萱发表于 2020-05-12
                </p>
                <p class="text3">
                    一：国外海岛去不了，三亚可以安排上2020年的春节，原本要去 东南亚 海岛度假的我临
                </p>
            </div>
        </div>

        <div class="xc-tuijian-list">
            <div class="xc-img">
                <img src="imgs/12.jpg"alt="" width="230px" height="160px">
            </div>
            <div class="text-tuijian">
                <p class="text1">
                    初夏的少女梦，伴着温煦的海风，可盐可甜|厦门五日亲子游
                </p>
                <p class="text2">
                    粉色棒棒糖Daisy发表于 2020-07-20
                </p>
                <p class="text3">
                    初夏的少女梦“妈妈，你觉得玩具有生命吗？”“理论上来说玩具不是生物，不算生命。”“可
                </p>
            </div>
        </div>

        <div class="xc-tuijian-list">
            <div class="xc-img">
                <img src="imgs/13.jpg"alt="" width="230px" height="160px">
            </div>
            <div class="text-tuijian">
                <p class="text1">
                    让我们在成都的街头走一走，不带走也不停留/终极版游玩秘籍
                </p>
                <p class="text2">
                    不眠27发表于 2020-01-17
                </p>
                <p class="text3">
                    成都是一座包容万象的城市，是一座来了不想走的城市，走了还想来的城市。林林总总，已经和小闺蜜来成都游玩
                </p>
            </div>
        </div>

        <div class="xc-tuijian-list">
            <div class="xc-img">
                <img src="imgs/14.jpg"alt="" width="230px" height="160px">
            </div>
            <div class="text-tuijian">
                <p class="text1">
                    【坐着商合杭高铁去旅行】我到这人间走一走，漫游这湖州72小时
                </p>
                <p class="text2">
                    lemon趙少发表于 2020-07-15
                </p>
                <p class="text3">
                    【前言】湖州，跨越4700年的时空，随着钱山漾黄褐色绢片翩翩飞舞，迈出岁月的烟尘，将
                </p>
            </div>
        </div>

        <div class="xc-tuijian-list">
            <div class="xc-img">
                <img src="imgs/15.jpg"alt="" width="230px" height="160px">
            </div>
            <div class="text-tuijian">
                <p class="text1">
                    厦门初夏亲子游：不止阳光海滩，还有孩子最爱的ta！
                </p>
                <p class="text2">
                    corain君君发表于 2020-07-15
                </p>
                <p class="text3">
                    前言不知不觉，初夏已至，但 上海 的天气仍是阴冷冷的，似乎太阳也宅在家里不愿出来。真
                </p>
            </div>
        </div>

        <div class="xc-tuijian-list">
            <div class="xc-img">
                <img src="imgs/16.jpg"alt="" width="230px" height="160px">
            </div>
            <div class="text-tuijian">
                <p class="text1">
                    顺德三日，你猜我吃了几顿饭？
                </p>
                <p class="text2">
                    东哥到处走发表于 2020-07-13
                </p>
                <p class="text3">
                    首先请原谅我拖了这么久才开始动笔写这篇文章，拖延症它是个坏毛病，再加上突如其来的疫情，让出门旅游变成
                </p>
            </div>
        </div>

        <div class="xc-tuijian-list">
            <div class="xc-img">
                <img src="imgs/17.jpg"alt="" width="230px" height="160px">
            </div>
            <div class="text-tuijian">
                <p class="text1">
                    如果你心情不好了，那我们就相约成都吧 | 不一样的5天4夜
                </p>
                <p class="text2">
                    林琛Live发表于 2019-08-14
                </p>
                <p class="text3">
                    作为一个在外地上大学的成都本地人，每次放假回成都都会有一种莫名的兴奋感，在坐车回成都
                </p>
            </div>
        </div>

    </div>
</div>

<footer>

</footer>
</body>
</html>
